﻿@{
    ViewBag.Title = "个人收藏";
}



<script src="@Url.Content("~/Scripts/jQuery.tmpl.min.js")"></script>
<script src="@Url.Content("~/Scripts/Common/pageHandler.js")"></script>
<link href="@Url.Content("~/Content/PageHandler.css")" rel="stylesheet" />
<link href="../../Content/stylemusic.css" rel="stylesheet" />
<script id="tmplSongs" type="text/x-jquery-tmpl">
    <div class="divsongInfo" style="clear: both; font-size: small; height: 18px; line-height: 18px;">
        <div style="float: left; width: 50px;">
            <input class="cbSelect" type="checkbox" checked /></div>
        <div class="divellipsis" style="float: left; width: 350px;">${Name}</div>
        <div class="divellipsis" style="float: left; width: 200px;">${Artist}</div>
        <div style="float: left; width: 100px; height: 18px;">${Genre}</div>
        <div style="float: left; width: 100px; height: 18px;">${Time}</div>
        <div style="float: left; width: 100px; text-align: center; height: 18px;">${PlayedCount}</div>

        <div title="播放" class="topPlay" data-selected=true data-ID="${ID}" data-Name="${Name}" data-artist="${Artist}" data-Location="${Location}" data-action="@Url.Action("Play", "AACInfo", null, null)" style="float: left;"  >
        </div>
        <div title="添加" class="divAddSongs" data-selected=true data-ID="${ID}" data-Name="${Name}" data-artist="${Artist}" data-Location="${Location}" data-action="@Url.Action("Play", "AACInfo", null, null)"></div>
    </div>
</script>
<script type="text/javascript">
    $(document).ready(function () {
        $(".divMenu").removeClass("currentMenu");
        $(".divCollectTitle").addClass("currentMenu");
        $("#txtQText").each(function () {
            var target = $(this);
            target.autocomplete({ source: "/Personal/QuickSearch" });
        });


        var page = new pageHandler({ pageID: "divPage", url: "/Personal/CollectData", tmplID: "tmplSongs", contentID: "dContent", queryID: "txtQText" })
        page.pageInit();
        $("#btnSearch").click(function () {
            page.pageInit();
        })
    });
</script>

<div style="height: 10px; clear: both;"></div>
<div>
    <div class="playSelected" data-action="@Url.Action("Play", "AACInfo", null, null)">
        <div class="icon_play"></div>
        <div style="width: 50px; float: left; margin-left: 10px;">播放选中</div>
    </div>
    <div class="addSelected" data-action="@Url.Action("Play", "AACInfo", null, null)">
        <div class="icon_add"></div>
        <div style="width: 50px; float: left; margin-left: 10px;">添加选中</div>
    </div>


</div>
<div style="height: 10px; clear: both;"></div>
<div>
    <div style="font-size: small; font-weight: bold">
        <div style="float: left; width: 50px;">
            <div style="float: left;">
                <input class="cbSelectAll" type="checkbox" checked />
            </div>
            <div>全选</div>
        </div>
        <div style="float: left; width: 350px;">
            曲名
        </div>
        <div style="float: left; width: 200px;">
            艺术家
        </div>
        <div style="float: left; width: 100px;">
            风格
        </div>
        <div style="float: left; width: 100px;">
            时长
        </div>
        <div style="float: left; width: 100px; text-align: center;">
            播放次数
        </div>
        <div style="float: left; width: 100px;">
        </div>
    </div>
    <div style="clear: both"></div>


    <div id="dContent" class="dContent">
    </div>

    <div id="divPage"></div>
</div>
